<template>
    <div class="com_box pd_20" style="margin-top:12px;padding-bottom:0" v-loading="loading" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
        <div class="flexbox flexcenter flexbetween">
            <div class="time_title">达人列表</div>
            <div class="flexbox flexcenter">
                <el-input placeholder="请输入达人昵称、ID" size="small" clearable suffix-icon="el-icon-search" @change="getDataList" v-model="subForm.creator_name" style="width:216px;margin-left:12px">
                </el-input>
                <!-- <el-button plain size="small" class="plain_blue" @click="downloadAll('sql')" style="margin-left:12px" v-if="has_check.length==0">
                    <div class="flexbox flexcenter flexjust">
                        <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        导出全部
                    </div>
                </el-button>
                <el-button plain size="small" class="plain_blue" @click="downloadAll('id')" style="margin-left:12px" v-else>
                    <div class="flexbox flexcenter flexjust">
                        <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        导出已选({{has_check.length}})条
                    </div>
                </el-button> -->
            </div>
        </div>
        <el-table :data="tableData" class="com_table fx_table source_table" v-if="total>0" ref="mtTable" max-height="700" :row-key="(row)=>{ return row.id}" @sort-change='sortChange' @selection-change="selectTable">
            <!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true" fixed="left">
            </el-table-column> -->
            <el-table-column prop="segmentation_during" label="发布达人" width="270" fixed="left">
                <template slot-scope="scope">
                    <div class="flexbox flexcenter">
                        <img :src="scope.row.logo_url" alt="" class="bz_head">
                        <div class="bz_info">
                            <div class="fx_text1">{{scope.row.creator_name}}</div>
                            <div class="fx_text2">{{scope.row.nick_name}}</div>
                            <div class="fx_text2">ID：{{scope.row.oec_uid}}</div>
                        </div>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="creator_ec_level_score" label="达人评分" width="120" sortable="custom">
                <template slot-scope="scope">
                    <div class="flexbox flexcenter">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.5235 6.24745C11.6713 5.78292 12.3287 5.78292 12.4765 6.24745L13.6391 9.9016C13.7052 10.1091 13.8979 10.25 14.1156 10.25H17.7927C18.2688 10.25 18.4755 10.8524 18.0997 11.1447L15.0131 13.5454C14.8538 13.6693 14.7846 13.8769 14.8377 14.0716L15.8362 17.7327C15.9645 18.2031 15.4123 18.5602 15.0359 18.2502L12.3179 16.0118C12.1332 15.8597 11.8668 15.8597 11.6821 16.0118L8.96405 18.2502C8.58766 18.5602 8.03552 18.2031 8.16382 17.7327L9.16229 14.0716C9.2154 13.8769 9.14621 13.6693 8.98688 13.5454L5.9003 11.1447C5.5245 10.8524 5.73119 10.25 6.20727 10.25H9.88439C10.1021 10.25 10.2948 10.1091 10.3609 9.9016L11.5235 6.24745Z" fill="#F5A022" stroke="#F5A022" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        {{scope.row.creator_ec_level_score}}
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="industry" label="提及类目" min-width="180">
                <template slot-scope="scope">
                    <div class="flexbox flexcenter is_edit">
                        <span class="type_text" v-if="scope.row.industry">{{scope.row.industry}}</span>
                        <span v-else>--</span>
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="" label="达人平台属性" min-width="180">
                <template slot-scope="scope">
                    <template v-if="scope.row.is_quickly_response==1||scope.row.is_active_creator==1||scope.row.is_high_sample_dispatch_rate==1">
                        <div class="flexbox flexcenter chanel_type" v-if="scope.row.is_quickly_response==1">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect x="3.125" y="4.375" width="13.5969" height="10.9821" rx="2.09184" fill="#F5D12F" />
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5211 6.77599C10.5212 6.70806 10.4996 6.64201 10.4596 6.58806C10.4197 6.53411 10.3637 6.49527 10.3003 6.47754C10.2369 6.45981 10.1696 6.46418 10.1088 6.48998C10.0481 6.51578 9.99722 6.56156 9.96414 6.62025L7.87239 10.3283C7.84589 10.3753 7.83185 10.4287 7.83167 10.483C7.83149 10.5374 7.84519 10.5909 7.87138 10.638C7.89757 10.6851 7.93532 10.7243 7.98083 10.7515C8.02634 10.7788 8.078 10.7931 8.13057 10.7931H9.32586V12.9561C9.32583 13.0241 9.34744 13.0901 9.38736 13.1441C9.42727 13.198 9.48327 13.2369 9.54668 13.2546C9.6101 13.2723 9.67739 13.2679 9.73816 13.2421C9.79893 13.2163 9.84979 13.1706 9.88286 13.1119L11.9746 9.40379C12.0011 9.35683 12.0152 9.30347 12.0153 9.2491C12.0155 9.19473 12.0018 9.14127 11.9756 9.09412C11.9494 9.04698 11.9117 9.00781 11.8662 8.98058C11.8207 8.95335 11.769 8.93902 11.7164 8.93904H10.5211V6.77599Z" fill="white" />
                                <path d="M13.3563 16.6743C13.341 16.9087 13.0831 17.0437 12.8817 16.9229L9.40062 14.8342L13.4767 14.8342L13.3563 16.6743Z" fill="#F5D12F" />
                            </svg>
                            快速回复
                        </div>
                        <div class="flexbox flexcenter chanel_type" v-if="scope.row.is_active_creator==1">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect x="1.875" y="5" width="13.5764" height="10.625" rx="2.36111" fill="#EE3358" />
                                <path d="M13.2268 10.8021C12.8795 10.5681 12.8795 10.0569 13.2268 9.82294L16.8925 7.35386C17.2845 7.08977 17.8125 7.37071 17.8125 7.84344L17.8125 12.7816C17.8125 13.2543 17.2845 13.5353 16.8925 13.2712L13.2268 10.8021Z" fill="#EE3358" />
                                <path d="M8.69153 9.83021C9.0248 10.0654 9.0248 10.5596 8.69153 10.7948L6.08686 12.6328C5.69584 12.9087 5.15625 12.6291 5.15625 12.1505L5.15625 8.47451C5.15625 7.99594 5.69584 7.7163 6.08686 7.99222L8.69153 9.83021Z" fill="white" />
                            </svg>
                            频繁发帖
                        </div>
                        <div class="flexbox flexcenter chanel_type" v-if="scope.row.is_high_sample_dispatch_rate==1">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect x="3.75" y="3.125" width="11.875" height="13.75" rx="2.5" fill="#529FED" />
                                <rect x="6.25" y="6.875" width="6.25" height="1.25" rx="0.625" fill="white" />
                                <rect x="6.25" y="9.375" width="3.75" height="1.25" rx="0.625" fill="white" />
                                <mask id="path-4-outside-1_12090_49038" maskUnits="userSpaceOnUse" x="8.83312" y="8.4465" width="11.5465" height="10.9583" fill="black">
                                    <rect fill="white" x="8.83312" y="8.4465" width="11.5465" height="10.9583" />
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.564 11.2492C17.8374 11.4599 17.8882 11.8524 17.6775 12.1258L13.85 17.0916C13.7158 17.2657 13.5079 17.3496 13.304 17.3331C13.139 17.3602 12.9636 17.3215 12.8208 17.2114L10.5014 15.4238C10.228 15.2131 10.1772 14.8206 10.3879 14.5472L10.4238 14.5006C10.6346 14.2272 11.027 14.1764 11.3004 14.3871L13.161 15.8212L16.6309 11.3192C16.8416 11.0458 17.2341 10.9949 17.5075 11.2057L17.564 11.2492Z" />
                                </mask>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M17.564 11.2492C17.8374 11.4599 17.8882 11.8524 17.6775 12.1258L13.85 17.0916C13.7158 17.2657 13.5079 17.3496 13.304 17.3331C13.139 17.3602 12.9636 17.3215 12.8208 17.2114L10.5014 15.4238C10.228 15.2131 10.1772 14.8206 10.3879 14.5472L10.4238 14.5006C10.6346 14.2272 11.027 14.1764 11.3004 14.3871L13.161 15.8212L16.6309 11.3192C16.8416 11.0458 17.2341 10.9949 17.5075 11.2057L17.564 11.2492Z" fill="#529FED" />
                                <path d="M17.6775 12.1258L18.0735 12.431L18.0735 12.431L17.6775 12.1258ZM17.564 11.2492L17.8692 10.8532L17.8692 10.8532L17.564 11.2492ZM13.85 17.0916L13.454 16.7864L13.85 17.0916ZM13.304 17.3331L13.2228 16.8397L13.2832 16.8298L13.3443 16.8347L13.304 17.3331ZM12.8208 17.2114L13.126 16.8154L13.126 16.8154L12.8208 17.2114ZM10.5014 15.4238L10.8067 15.0278L10.8067 15.0278L10.5014 15.4238ZM10.3879 14.5472L10.784 14.8524L10.784 14.8524L10.3879 14.5472ZM10.4238 14.5006L10.0278 14.1954L10.0278 14.1954L10.4238 14.5006ZM11.3004 14.3871L11.6056 13.9911L11.6056 13.9911L11.3004 14.3871ZM13.161 15.8212L13.557 16.1264L13.2518 16.5224L12.8557 16.2172L13.161 15.8212ZM16.6309 11.3192L16.2349 11.0139L16.2349 11.0139L16.6309 11.3192ZM17.5075 11.2057L17.2023 11.6017L17.5075 11.2057ZM17.2814 11.8205C17.3236 11.7659 17.3134 11.6874 17.2587 11.6452L17.8692 10.8532C18.3613 11.2325 18.4528 11.9389 18.0735 12.431L17.2814 11.8205ZM13.454 16.7864L17.2814 11.8205L18.0735 12.431L14.246 17.3969L13.454 16.7864ZM13.3443 16.8347C13.3866 16.8381 13.4275 16.8208 13.454 16.7864L14.246 17.3969C14.0042 17.7107 13.6292 17.861 13.2636 17.8314L13.3443 16.8347ZM13.126 16.8154C13.1546 16.8374 13.1888 16.8453 13.2228 16.8397L13.3852 17.8264C13.0892 17.8752 12.7727 17.8056 12.5155 17.6074L13.126 16.8154ZM10.8067 15.0278L13.126 16.8154L12.5155 17.6074L10.1962 15.8198L10.8067 15.0278ZM10.784 14.8524C10.7418 14.9071 10.752 14.9856 10.8067 15.0278L10.1962 15.8198C9.70408 15.4405 9.61262 14.7341 9.99192 14.242L10.784 14.8524ZM10.8199 14.8059L10.784 14.8524L9.99192 14.242L10.0278 14.1954L10.8199 14.8059ZM10.9952 14.7832C10.9405 14.741 10.862 14.7512 10.8199 14.8059L10.0278 14.1954C10.4071 13.7033 11.1135 13.6118 11.6056 13.9911L10.9952 14.7832ZM12.8557 16.2172L10.9952 14.7832L11.6056 13.9911L13.4662 15.4252L12.8557 16.2172ZM17.0269 11.6244L13.557 16.1264L12.765 15.5159L16.2349 11.0139L17.0269 11.6244ZM17.2023 11.6017C17.1476 11.5595 17.0691 11.5697 17.0269 11.6244L16.2349 11.0139C16.6142 10.5218 17.3206 10.4304 17.8127 10.8096L17.2023 11.6017ZM17.2587 11.6452L17.2023 11.6017L17.8127 10.8096L17.8692 10.8532L17.2587 11.6452Z" fill="white" mask="url(#path-4-outside-1_12090_49038)" />
                            </svg>
                            即时履约
                        </div>
                    </template>
                    <template v-else>
                        --
                    </template>
                </template>
            </el-table-column>
            <el-table-column prop="follower_cnt" label="达人粉丝" width="120" sortable="custom">
                <template slot-scope="scope">
                    {{scope.row.follower_cnt | unitWan}}
                </template>
            </el-table-column>
            <el-table-column prop="ec_video_avg_view_cnt" label="视频平均播放数" min-width="180" sortable="custom">
                <template slot-scope="scope">
                    {{scope.row.ec_video_avg_view_cnt}}
                </template>
            </el-table-column>
            <el-table-column prop="ec_video_gpm_max" label="视频GPM" min-width="180" sortable="custom">
                <template slot-scope="scope">
                    {{scope.row.ec_video_gpm_min}} - {{scope.row.ec_video_gpm_max}}
                </template>
            </el-table-column>
            <el-table-column prop="price_20_60" label="性别占比" min-width="180">
                <template slot-scope="scope">
                    <div class="chanel_type">男：{{scope.row.crowd_genders_male | keepTwoNum}}%</div>
                    <div class="chanel_type">女：{{scope.row.crowd_genders_female | keepTwoNum}}%</div>
                </template>
            </el-table-column>
            <el-table-column prop="nlzb" label="粉丝年龄占比" min-width="180">
                <template slot-scope="scope">
                    <!-- <el-popover width="140" trigger="hover">
                        <div class="hover_layer">
                            <div class="hover_title">粉丝年龄占比</div>
                            <div class="layer_item flexbox flexcenter flexbetween" v-for="item in scope.row.ageArr" :key="item.name">
                                <span class="layer_text">{{item.name}}</span>
                                <span class="blue_hover">{{item.value}}%</span>
                            </div>
                        </div>
                        <div class="hover_box" slot="reference">
                            <div class="hover_list">
                                <template v-for="(item,index) in scope.row.ageArr">
                                    <div class="hover_item flexbox flexbetween flexcenter" v-if="index<3" :key="item.name">
                                        <span>{{item.name}}</span>
                                        <span class="blue_hover">{{item.value}}%</span>
                                    </div>
                                </template>
                            </div>
                            <div class="hover_text">鼠标移入查看全部</div>
                        </div>
                    </el-popover> -->
                    <div class="hover_box" slot="reference">
                        <div class="hover_list">
                            <template v-for="(item,index) in scope.row.ageArr">
                                <div class="hover_item flexbox flexbetween flexcenter" :key="item.name">
                                    <span>{{item.name}}</span>
                                    <span class="blue_hover">{{item.value}}%</span>
                                </div>
                            </template>
                        </div>
                        <!-- <div class="hover_text">鼠标移入查看全部</div> -->
                    </div>
                </template>
            </el-table-column>
            <el-table-column prop="" label="联系方式" width="220">
                <template slot-scope="scope">
                    <template v-if="scope.row.whatsapp || scope.row.email">
                        <div class="flexbox chanel_type" v-if="scope.row.whatsapp">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                <g clip-path="url(#clip0_12090_49358)">
                                    <path d="M0.42666 9.88032C0.426191 11.5607 0.868691 13.2015 1.7101 14.6477L0.346191 19.5889L5.44244 18.263C6.852 19.0244 8.4313 19.4234 10.0362 19.4235H10.0404C15.3385 19.4235 19.6512 15.1457 19.6535 9.88784C19.6545 7.34001 18.6554 4.94419 16.8403 3.14171C15.0254 1.33939 12.6117 0.346286 10.04 0.345123C4.74135 0.345123 0.428926 4.62264 0.426738 9.88032" fill="url(#paint0_linear_12090_49358)" />
                                    <path d="M0.0835938 9.87721C0.0830469 11.6181 0.541406 13.3175 1.41281 14.8155L0 19.9339L5.27898 18.5605C6.73352 19.3474 8.37117 19.7622 10.0376 19.7629H10.0419C15.53 19.7629 19.9977 15.3312 20 9.88512C20.0009 7.24574 18.9659 4.7638 17.0859 2.89674C15.2057 1.02992 12.7057 0.00108527 10.0419 0C4.55281 0 0.0857813 4.43101 0.0835938 9.87721ZM3.22734 14.5575L3.03023 14.2471C2.20164 12.9398 1.7643 11.4291 1.76492 9.87783C1.76672 5.35109 5.47953 1.66822 10.045 1.66822C12.2559 1.66915 14.3337 2.52434 15.8966 4.07597C17.4593 5.62775 18.3192 7.69054 18.3187 9.8845C18.3166 14.4112 14.6037 18.0946 10.0419 18.0946H10.0386C8.5532 18.0938 7.09641 17.698 5.82594 16.95L5.52359 16.7721L2.39094 17.5871L3.22734 14.5574V14.5575Z" fill="url(#paint1_linear_12090_49358)" />
                                    <path d="M7.55303 5.74792C7.36662 5.33683 7.17045 5.32854 6.99318 5.32133C6.84803 5.31512 6.68209 5.31559 6.51631 5.31559C6.35037 5.31559 6.08076 5.37753 5.85287 5.62443C5.62475 5.87156 4.98193 6.46877 4.98193 7.68342C4.98193 8.89815 5.87357 10.072 5.99787 10.2369C6.12232 10.4015 7.7192 12.9739 10.2483 13.9635C12.3501 14.7859 12.7779 14.6223 13.234 14.5811C13.6903 14.54 14.7062 13.984 14.9135 13.4075C15.1209 12.8311 15.1209 12.337 15.0587 12.2337C14.9965 12.1309 14.8306 12.0691 14.5818 11.9457C14.3329 11.8222 13.1096 11.2249 12.8815 11.1425C12.6534 11.0602 12.4876 11.0191 12.3216 11.2663C12.1557 11.5131 11.6792 12.0691 11.534 12.2337C11.3889 12.3988 11.2437 12.4193 10.9949 12.2958C10.7459 12.1719 9.94459 11.9116 8.99389 11.0706C8.2542 10.4161 7.75482 9.60799 7.60967 9.36078C7.46451 9.11396 7.59412 8.98016 7.71889 8.85714C7.83068 8.74652 7.96779 8.56885 8.09232 8.42474C8.21639 8.28055 8.25779 8.17768 8.34076 8.01303C8.42381 7.84823 8.38225 7.70404 8.32014 7.58055C8.25779 7.45706 7.77428 6.23606 7.55303 5.74792Z" fill="white" />
                                </g>
                                <defs>
                                    <linearGradient id="paint0_linear_12090_49358" x1="965.71" y1="1924.73" x2="965.71" y2="0.345123" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#1FAF38" />
                                        <stop offset="1" stop-color="#60D669" />
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_12090_49358" x1="1000" y1="1993.39" x2="1000" y2="0" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#F9F9F9" />
                                        <stop offset="1" stop-color="white" />
                                    </linearGradient>
                                    <clipPath id="clip0_12090_49358">
                                        <rect width="20" height="20" fill="white" />
                                    </clipPath>
                                </defs>
                            </svg>
                            <span class="max_text">
                                {{scope.row.whatsapp}}
                            </span>
                        </div>
                        <div class="flexbox chanel_type" v-if="scope.row.email">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                <path d="M15.8334 3.33333H4.16675C3.50371 3.33333 2.86782 3.59672 2.39898 4.06556C1.93014 4.5344 1.66675 5.17029 1.66675 5.83333V14.1667C1.66675 14.8297 1.93014 15.4656 2.39898 15.9344C2.86782 16.4033 3.50371 16.6667 4.16675 16.6667H15.8334C16.4965 16.6667 17.1323 16.4033 17.6012 15.9344C18.07 15.4656 18.3334 14.8297 18.3334 14.1667V5.83333C18.3334 5.17029 18.07 4.5344 17.6012 4.06556C17.1323 3.59672 16.4965 3.33333 15.8334 3.33333ZM15.8334 4.99999L10.4167 8.725C10.2901 8.79814 10.1464 8.83664 10.0001 8.83664C9.8538 8.83664 9.7101 8.79814 9.58341 8.725L4.16675 4.99999H15.8334Z" fill="#C1CDDF" />
                            </svg>
                            <span class="max_text">
                                {{scope.row.email}}
                            </span>
                        </div>
                    </template>
                    <template v-else>
                        --
                    </template>
                </template>
            </el-table-column>
        </el-table>
        <div class="flexbox flexcenter flexcolumn flexjust" style="height:790px" v-else>
            <img src="@/assets/img/null_icon.svg" alt="">
            <div class="font_13 color_03">暂无数据，请在上方选择相应条件后进行查询</div>
        </div>
        <div class="page_box flexbox flexcenter" v-if="total>0">
            <el-pagination background layout="total, prev, pager, next,sizes" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="subForm.page" :page-size="subForm.limit" :page-sizes="[20, 50, 100, 200]" :total="total">
            </el-pagination>
        </div>
    </div>
</template>

<script>
export default {
    components: {},
    props: ["subForm", "tableData", "total"],
    name: "",
    data() {
        return {
            loading: false,
            has_check: [],
        };
    },
    created() {},
    beforeDestroy() {},
    methods: {
        getDataList() {
            this.$emit("getDataList");
        },
        // 表格选中
        selectTable(row) {
            this.has_check = row.map((item) => {
                return item.id;
            });
        },
        //导出
        downloadFile(list_data) {
            var excelDatas = [
                {
                    tHeader: [
                        "达人名字",
                        "达人昵称",
                        "达人uid",
                        "达人评分",
                        "提及类目",
                    ],
                    filterVal: [
                        "blogger_name",
                        "dy_num",
                        "video_title",
                        "video_url",
                        "p_type",
                    ],
                    tableDatas: list_data,
                    sheetName: "印尼达人数据",
                },
            ];
            downLoad(excelDatas, "印尼达人数据");
        },
        // 表格排序
        sortChange(column) {
            this.subForm.order = "";
            this.subForm.field = "";
            if (!column.order) {
                this.subForm.page = 1;
                this.getDataList();
                return;
            } else {
                var order = column.order.slice(0, -6);
            }
            this.subForm.order = order;
            this.subForm.field = column.prop;
            this.subForm.page = 1;
            this.getDataList();
        },

        // 每页显示多少条数据
        handleSizeChange(val) {
            this.subForm.limit = val;
            this.subForm.page = 1;
            this.getDataList();
        },
        // 当前页切换
        handleCurrentChange(val) {
            this.subForm.page = val;
            this.getDataList();
        },
    },
};
</script>


<style scoped>
.time_title {
    font-size: 16px;
    color: #17233d;
    line-height: 22px;
    position: relative;
    font-weight: bold;
}
.page_box {
    padding: 0;
}
.com_table {
    margin-top: 20px;
}

.bz_info {
    margin-left: 12px;
}
.bz_head {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.fx_text1 {
    font-size: 14px;
    color: #17233d;
    height: 20px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.fx_text2 {
    font-size: 13px;
    line-height: 18px;
    color: #b4b7bd;
    height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 2px;
}

.type_text {
    font-size: 13px;
    color: #616c85;
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    display: inline-block;
    line-height: 18px;
}

.link_item {
    height: 32px;
    font-size: 14px;
    background: rgba(165, 177, 209, 0.08);
    border-radius: 4px;
    padding: 0 8px;
    text-decoration: none;
}
.red_link {
    color: #fe346e;
}
.green_link {
    color: #5bb647;
}
.hover_box {
    width: 132px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 6px 8px 8px 8px;
    cursor: pointer;
}
.hover_max {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blue_hover {
    flex-shrink: 0;
    color: #4475ff;
}
.hover_list {
    
}
.hover_item {
    font-size: 14px;
    color: #616c85;
    height: 20px;
    line-height: 20px;
    margin: 2px 0;
}
.hover_text {
    font-size: 13px;
    color: #b4b7bd;
    margin-top: 4px;
    line-height: 18px;
}
.no_data {
    text-align: center;
    color: #b4b7bd;
    height: 110px;
    line-height: 100px;
}
.layer_over {
    max-height: 300px;
    overflow-y: auto;
    margin: 0 -12px;
    padding: 0 12px;
}
.layer_item {
    height: 28px;
}
.hover_title {
    font-size: 14px;
    line-height: 20px;
    color: #616c85;
    margin-bottom: 10px;
}
.layer_text {
    padding-left: 12px;
    font-size: 14px;
    color: #17233d;
    position: relative;
}
.layer_text::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #17233d;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.view_data {
    width: 68px;
    height: 32px;
    line-height: 32px;
    background: rgba(165, 177, 209, 0.1);
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #4475ff;
    cursor: pointer;
}
/deep/ .com_table.fx_table.el-table td {
    padding: 8px 0;
}
.icon_btn {
    display: none;
    margin-left: 5px;
}
.is_edit:hover .icon_btn {
    display: flex;
}
.chanel_type {
    margin: 4px 0;
}
.chanel_type svg {
    margin-right: 4px;
    flex-shrink: 0;
}
</style>



